<script setup>
import { ref, provide } from 'vue'
import FullComponent from '../../components/FullComponent.vue'

const msg = ref('')

const count = ref(0)
const onCountChange = (newCount) => {
    count.value = newCount
}

const modelString = ref('')

const provideStr = ref('hcxowe')
provide('provideStr', provideStr)
</script>

<template>
    <div>
        <FullComponent v-model="modelString" :propString="msg" prop-user="success" :propCount="count" @change="onCountChange">
            <div>{{ modelString }}</div>
        </FullComponent>
        <el-input v-model.trim="msg"></el-input>
    </div>
</template>